<script setup>
import menus from './menu.vue'
import _ from 'lodash'
import { ref, defineProps } from 'vue'
var props = defineProps({
    menu: {
        type: Object,
        default: () => { }
    }
})



</script>
<template>
    <div class="dropdown-item w-100 d-flex" :ref="(el) => menu.ref = el" v-on="menu.event">
        <div class="dropdown-icon" :class="menu.icon"></div>
        <div class="dropdown-label" v-text="menu.label"></div>
        <div class="dropdown-suffix" v-if="menu.children && menu.children.length > 0">
            <i class="iconfont te-i-jiantou_liebiaoxiangyou"></i>
        </div>
        <menus :menu="menu" v-if="menu.children && menu.children.length > 0"></menus>
    </div>
</template>
<style></style>